import { cls, type ElementProps } from '@knno/jsx';
import { captionStyle, cardStyle } from './card.css';

export function Card(props: ElementProps<HTMLDivElement>): HTMLDivElement {
	return (<div class={cls(props.class, cardStyle)}>{props.children}</div>) as HTMLDivElement;
}

export function Caption(props: ElementProps<HTMLHeadingElement>): HTMLHeadingElement {
	return (<h4 class={cls(props.class, captionStyle)}>{props.children}</h4>) as HTMLHeadingElement;
}
